<template>
    <div class="cmt-container">
     <textarea name="" id="" cols="30" rows="4" placeholder='请输入你要BB的内容(最多只能输入120个字)' maxlength="120"></textarea>
     <mt-button type='primary' size='large'>发表评论</mt-button>
     <div class="cmt-ground">
         <div class="cmt-item">
             <div class="cmt-head">
                 <p>
                     <span>发表人:</span>
                     <span>匿名</span>&nbsp;&nbsp;&nbsp;
                     <span>发表日期:</span>
                     <span>2015-11-45 12:45</span>
                 </p>
             </div>
             <div class="cmt-body">
                 <p>问君能有几多愁，恰是一江春水向东流</p>
             </div>
         </div>
         <div class="cmt-item">
             <div class="cmt-head">
                 <p>
                     <span>发表人:</span>
                     <span>匿名</span>&nbsp;&nbsp;&nbsp;
                     <span>发表日期:</span>
                     <span>2015-11-45 12:45</span>
                 </p>
             </div>
             <div class="cmt-body">
                 <p>问君能有几多愁，恰是一江春水向东流</p>
             </div>
         </div>
         <div class="cmt-item">
             <div class="cmt-head">
                 <p>
                     <span>发表人:</span>
                     <span>匿名</span>&nbsp;&nbsp;&nbsp;
                     <span>发表日期:</span>
                     <span>2015-11-45 12:45</span>
                 </p>
             </div>
             <div class="cmt-body">
                 <p>问君能有几多愁，恰是一江春水向东流</p>
             </div>
         </div>
         <div class="cmt-item">
             <div class="cmt-head">
                 <p>
                     <span>发表人:</span>
                     <span>匿名</span>&nbsp;&nbsp;&nbsp;
                     <span>发表日期:</span>
                     <span>2015-11-45 12:45</span>
                 </p>
             </div>
             <div class="cmt-body">
                 <p>问君能有几多愁，恰是一江春水向东流</p>
             </div>
         </div>
     </div>
     <mt-button type='danger' size='large' plain>加载更多</mt-button>
    </div>
</template>
<script>
export default {};
</script>
<style lang="scss">
.cmt-container {
  margin: 3px 0;
  .cmt-ground {
    margin-top: 15px;
    .cmt-item {
      .cmt-head {
        background-color: rgb(218, 204, 204);
        height: 25px;
        line-height: 25px;
      }

    }
  }
}
</style>

